.com-toast{
  position: fixed;
  bottom: 0;
  padding: 20px;
  color: white;
  background: rgba(200, 200, 200, .5);
  text-align: center;
  font-size: 18px;
}
.ms-Toast-Layer {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  .ms-Layer-content {
    .toast-wrap {
      min-width: 280px;
      text-align: center;
      height: 40px;
      line-height: 40px;
      i {
        margin-right: 8px;
      }
    }
    .ErrorBadge {
      background-color: #fef0f0;
      border-color: #fde2e2;
      color: #f56c6c;
    }
    .Info {
      border: 1px solid #ebeef5;
      background-color: #edf2fc;
      color: #909399;
    }
    .Warning {
      background-color: #fdf6ec;
      border-color: #faecd8;
      color: #e6a23a;
    }
    .Completed{
      background-color: #f0f9eb;
      border-color: #e1f3d8;
      color: #67c23a;
    }
  }
}
